<template>
  <div>
    <div style="height: 30px; line-height: 30px;padding-left: 20px;">
      <h1>协办人调配</h1>
    </div>

    <div style="text-align: center;">
      <span> 客户名称:{{ abcd }} </span>
      <span style="margin-left: 20px;"> 客户类型:{{ abcd }} </span>
    </div>
    <div style="height: 50px;  line-height: 50px;">
      <span style="float: left;">
        原协办客户经理列表
      </span>
    </div>

    <div>
      <vx-table
        :tableData="tableData"
        :isSelect="true"
        :columns="columns"
        @multipleSelection="multipleSelection"
        :buttomGroup="buttomGroup"
        @coorganizerDeploy="coorganizerDeploy"
      ></vx-table>
    </div>
    <div style="height: 50px;  line-height: 50px;">
      <span style="float: left;">
        协办人调配
      </span>
    </div>

    <div>
      <ui-table :data="tableData">
        <ui-table-column label="协办类型" prop="a"> </ui-table-column>
        <ui-table-column label="调配协办人名称">
          <template slot-scope="scope">
            <ui-input placeholder="请输入调配协办人名称" v-model="scope.row.b" @focus="addd"> </ui-input>
          </template>
        </ui-table-column>

        <ui-table-column label="调配协办人所属机构" prop="c"> </ui-table-column>
        <ui-table-column label="调配协办人编号" prop="d"> </ui-table-column>
      </ui-table>
    </div>

    <!-- <ui-button   class="primary-btn">
            aa3a  
          </ui-button> -->
    <div>
      <vxdialog-select
        :dialogVisible="dialogVisible"
        :title="title"
        :tableData="tableData"
        :columns="columns"
        @selectdata="selectdata"
        @cancel="showchange"
      >
      </vxdialog-select>
    </div>

    <div style="text-align: center; margin-top: 20px;">
      <ui-button class="primary-btn" @click="searchList(true)" icon="ui-icon-search">返回</ui-button>
      <ui-button class="default-btn" @click="reset" icon="ui-icon-refresh-right">提交</ui-button>
    </div>
  </div>
</template>
<script>
import vxTable from '@/components/vx-table';
import vxdialogSelect from '@/components/vx-dialogselect';
export default {
  components: {
    vxTable,
    vxdialogSelect,
  },
  data() {
    return {
      abcd: '1',
      title: '112',
      tableData: [{}],
      dialogVisible: false,
      show: false,

      columns: [
        {
          prop: 'userName',
          label: '原协办客户经理名称',
          fixed: true,
          width: '120',
        },
        {
          prop: 'userName',
          label: '原协办客户经理所属机构',
          fixed: true,
        },
        {
          prop: 'userName',
          label: '原协办客户经理协办类型',
          fixed: true,
        },
      ], //表头

      tableData: [
        // {
        //     userName:'1',
        // }
      ],

      buttomGroup: [],
    };
  },
  watch: {},
  methods: {
    addd() {
      console.log('111');
      this.dialogVisible = true;
    },
    showchange(data) {
      this.dialogVisible = data;
    },
    selectdata(data) {
      console.log(data);
    },
  },
  mounted() {},
};
</script>
